feat: optimize transform parsing performance and add comprehensive performance analysis

Summary

This PR includes a comprehensive performance analysis of the vue3-carousel codebase and implements an optimization for CSS transform parsing. The analysis identified several performance bottlenecks, with the transform parsing optimization being the safest and most impactful change to implement.

Key Changes:

• Added comprehensive performance analysis report documenting optimization opportunities
• Optimized getTransformValues function in getScaleMultipliers.ts for better performance
• Replaced split-based transform parsing with more efficient regex approach
• Added early returns for common identity transform cases

Performance Improvements:

• Faster transform value parsing with regex vs split operations
• Early exit for common identity transform cases (none and matrix(1, 0, 0, 1, 0, 0))
• Reduced string manipulation overhead

Review & Testing Checklist for Human

• Test carousels with CSS transforms applied - Verify that scale, rotate, and translate transforms still work correctly after the parsing optimization
• Validate identity transform detection - Ensure that transforms like transform: none and transform: matrix(1, 0, 0, 1, 0, 0) are properly detected and handled
• Check for transform-related regressions - Test carousel functionality that relies on getScaleMultipliers (particularly drag interactions and responsive behavior)
• Verify performance improvements - Consider benchmarking transform parsing performance if measurable improvements are important

Recommended Test Plan:

1. Create a carousel with CSS transforms applied to slides or container
2. Test drag interactions and responsive behavior
3. Verify that scale multipliers are calculated correctly for transformed elements
4. Test edge cases like nested transforms and complex transform chains

Diagram

%%{ init : { "theme" : "default" }}%%
graph TD
    A["PERFORMANCE_ANALYSIS.md<br/>(Performance Report)"]:::major-edit
    B["src/utils/getScaleMultipliers.ts<br/>(Transform Parsing)"]:::major-edit
    C["src/components/Carousel/Carousel.ts<br/>(Uses getScaleMultipliers)"]:::context
    D["src/composables/useDrag.ts<br/>(Drag Interactions)"]:::context
    E["Tests"]:::context
    
    C --> |"calls getScaleMultipliers"| B
    D --> |"uses for drag calculations"| B
    B --> |"parses CSS transforms"| F["CSS Transform Values"]:::context
    E --> |"validates functionality"| B
    
    subgraph Legend
        L1[Major Edit]:::major-edit
        L2[Minor Edit]:::minor-edit  
        L3[Context/No Edit]:::context
    end

classDef major-edit fill:#90EE90
classDef minor-edit fill:#87CEEB
classDef context fill:#F5F5F5

Notes

• All existing tests pass (101/101) confirming no obvious regressions
• The optimization maintains backward compatibility with existing API
• Performance analysis identifies additional optimization opportunities for future PRs
• Test coverage for getScaleMultipliers.ts is 69.56%, so some edge cases might not be covered

Session Details:

• Link to Devin run: https://app.devin.ai/sessions/1d370d2ace1a4f21a282daeb23d64ff2
• Requested by: Abdelrahman Ismail (@ismail9k)